import { ref } from 'vue';
import { GLOBAL_I18N } from '@/constants/config';
import { sessionCryptoCache } from '@/utils/cryptoCache';
import type { IThemeConfig } from './type';

const setup = () => {
	// 登录用户信息
	const themeConfig = ref<IThemeConfig>({
		// 是否开启布局配置抽屉
		isDrawer: false,

		/**
		 * 全局主题
		 */
		// 默认 primary 主题颜色
		primary: '#409eff',
		// 项目背景色
		projectBg: '#f8f8f8',
		// 边框色
		borderColor: '#dcdfe6',
		// 是否开启深色模式
		isIsDark: false,

		/**
		 * 顶栏设置
		 */
		// 默认顶栏导航背景颜色
		topBarBg: '#ffffff',
		// 默认顶栏导航字体颜色
		topBarColor: '#606266',

		/**
		 * 菜单设置
		 */
		// 菜单导航背景颜色
		menuBar: '#545c64',
		// 菜单导航字体颜色
		menuBarColor: '#eaeaea',
		// 菜单高亮背景色
		menuBarActiveColor: '#434a50',

		/**
		 * 内容区设置
		 */
		// 是否开启菜单水平折叠效果
		isCollapse: false,
		// 内容字体色
		mainColor: '#303133',
		// 内容背景
		mainBg: '#ffffff',

		/**
		 * 界面显示
		 */
		// 是否开启水印
		isWartermark: true,
		// 水印文案
		wartermarkText: 'small@小韩',

		/**
		 * 全局网站标题 / 副标题
		 */
		// 网站主标题（菜单导航、浏览器当前网页标题）
		globalTitle: 'vue3-node-private',
		// 网站副标题（登录页顶部文字）
		globalViceTitle: 'vue3NodePrivate',
		// 默认初始语言，可选值"<zh-cn|en>"，默认 zh-cn
		globalI18n: GLOBAL_I18N,
	});

	// 存储布局配置全局主题样式（html根标签）
	const setThemeConfigStyle = () => {
		sessionCryptoCache.setItem('themeConfigStyle', document.documentElement.style.cssText);
	};

	return {
		themeConfig,
		setThemeConfigStyle,
	};
};

export default setup;
